<%--
  Created by IntelliJ IDEA.
  User: 28304
  Date: 2023/12/26
  Time: 20:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>九州绘画</title>
    <style>
        body{
            background-image: url("images/网页背景图.jpg");
            /*background-size: 100%;*/
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
            color: rgba(255, 255, 255, 0.8);
        }
       .logo h2{
           margin-left: 20px;
           margin-top: 15px;
       }
       .slogan{
           text-align: center;
       }
       .slogan h1{
           margin-top: 60px;
       }
       .btn{
           width: 150px;
           height: 225px;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
       }
       .btn button{
           width: 120px;
           height: 40px;
           background-color: rgba(253, 253, 252, 0.16);
           border-radius: 13px;
           font-weight: bolder;
           font-size: 20px;
           border: none;
           margin-bottom: 20px;
           color:rgba(255, 255, 255, 0.8);
           transition: transform 0.3s ease;
       }

        .btn button:hover{
            transform: scale(1.2);
        }

        .header a{
            text-decoration: none;
            color: rgba(255, 255, 255, 0.8);
            transition: transform 0.3s ease;
        }

        .header a:hover{
            transform: scale(1.12);
        }

    </style>
</head>
<body>
<div class="header">
    <div class="logo">
        <h2><a href="index.jsp">九州</a></h2>
    </div>
</div>
<div class="slogan"><h1>九州绘画,让服装设计更简单！</h1></div>
<div class="btn">
    <button id="login" style="margin-top: -5px">用户登录</button>
    <button id="register">用户注册</button>
</div>
<script>
    const login = document.getElementById('login');
    login.addEventListener('click', function() {
        window.location.href = "login.jsp";
    });
    const register = document.getElementById('register');
    register.addEventListener('click', function() {
        window.location.href = "register.jsp";
    });
</script>
</body>
</html>
